/* static/css/school_mgmt.css */

/* —— 固定弹框总宽度 —— */
#schoolMgmtModal .modal-dialog {
  max-width: 600px;  /* 调整为合适的宽度 */
}

/* —— 表格布局固定 —— */
#school-table {
  table-layout: fixed;
  width: 100%;
}

/* —— 第一列（学校名）固定宽度，第二列占剩余空间 —— */
#school-table th:first-child,
#school-table td:first-child {
  width: 200px;
}
#school-table th:last-child,
#school-table td:last-child {
  width: calc(100% - 200px);
}

/* —— 学校名省略显示 —— */
.school-name {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

/* —— Tooltip 内容最大宽度 —— */
.tooltip-inner {
  max-width: 300px;
  white-space: normal;
  text-align: left;
}

/* —— 输入框默认边框 —— */
#school-table input {
  border: 1px solid #ced4da;
  transition: border-color 0.2s ease-in-out;
}

/* —— 闪烁红色边框动画 —— */
@keyframes flash-border {
  0%   { border-color: rgba(255, 0, 0, 1) !important; }
  50%  { border-color: rgba(255, 0, 0, 0) !important; }
  100% { border-color: rgba(255, 0, 0, 1) !important; }
}

/* —— 校验失败时给输入框添加此类触发动画 —— */
.input-invalid {
  animation: flash-border 0.6s ease-in-out 2;
}

/* —— “添加学校”按钮最小宽度 —— */
#add-school-btn {
  min-width: 140px;
}

/* —— 表格行 hover 效果 —— */
#school-table tbody tr:hover {
  background-color: #f8f9fa;
}
